/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Arial, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
html.on { overflow: hidden; height: 100%; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }

.header{ height:120px; line-height:120px; background:#fff; position:relative; z-index:9999;}
.header .logo{ float:left; padding:0;}
.header .pc-nav{ float:right; height:120px; padding:0;}
.header .pc-nav ul{ float:right;}
.header .pc-nav li{ float:left; padding:0 10px; position:relative;}
.header .pc-nav li > a{ display:inline-block; font-size:1.6em; color:#333;}
.header .pc-nav li.on > a, .header .pc-nav li:hover > a{ color:#106aaf;}
.header .pc-nav li dl{ position:absolute; top:80%; background:rgba(0,0,0,.8); border-radius:6px; width:120%; margin-bottom:0; left:50%; transform:translateX(-50%); display:none;}
.header .pc-nav li:hover dl { display:block }
.header .pc-nav li dl::before{ content:""; position:absolute; display:inline-block; width:13px; height:7px; background:url(../images/nav-icon.png) no-repeat center; left:50%; transform:translateX(-50%); top: -7px; opacity: .8;}
.header .pc-nav li dd{ text-align:center; border-bottom:1px dashed #ccc;}
.header .pc-nav li dd:last-child{ border-bottom:none;}
.header .pc-nav li dd a{ font-size:1.4em; color:#fff; display:inline-block; width:100%; height:100%; padding:12px 15px; }
.header .pc-nav li dd:hover a{ background:#106aaf;}
.header .pc-nav li dd:first-child{ border-radius:6px 6px 0 0; overflow:hidden;}
.header .pc-nav li dd:last-child{ border-radius:0 0 6px 6px; overflow:hidden;}

.header .pc-search{ float:right; width:35px; height:20px; background:url(../images/search-icon.png) no-repeat center right; border-left:1px solid #969696; position:relative; margin: 50px 0 0 10px; padding:0;}
.header .pc-search .box{ position:absolute; top:100%; right:-25px; width:274px; display:none; padding-top:15px; z-index:99;}
.header .pc-search:hover .box{ display:block;}
.header .pc-search .box div{ position:absolute; height:40px;  background:#fff; width:274px; border-radius:6px; border:1px solid #ccc; box-shadow:0 3px 5px rgba(0,0,0,.15);}
.header .pc-search .box i{ display:inline-block; width:22px; height:10px; background:url(../images/search-icon3.png) no-repeat center; top: -7.5px; position: absolute; right: 21px;    background-size: 12px;}
.header .pc-search .box input[type="text"]{ padding:0 15px; width:232px; float:left; height: 100%; border: none; border-radius: 8px; font-size:1.4em; color:#333;}
.header .pc-search .box input[type="submit"]{ float:left; border-radius:8px; background:url(../images/search-icon.png) no-repeat center; width: 38px; height: 100%; border: none; cursor:pointer;}

.header .search{ padding:0 15px; text-align:right;}
.header .search img{ height:24px; margin-top:-4px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #156cad; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding:0 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#156cad; color:#fff; line-height:40px;}

.header .nav-btn { height: 120px; line-height: 120px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #1366b6; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s; }
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 66%; height: 100%; top: 0; right: -66%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #1366b6; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.banner{ height:600px; width:100%; position:relative; z-index:0;}
.banner .swiper-container{ height:100%; width:100%;}
.banner .swiper-slide{ height:100%; width:100%; }
.banner .swiper-slide a{ display:inline-block; width:100%; height:100%; }
.banner .swiper-slide .container{ display:table; height:100%;}
.banner .swiper-slide .box{ text-align:left; display:table-cell; vertical-align: middle;}
.banner .swiper-slide .box .img{ margin-bottom:35px; transition: all 1s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .text-cn{ margin-bottom:10px; font-size:3em; color:#fff; font-weight:bold; transition: all 1s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .text-en{ margin-bottom:15px;  font-size:2em; color:#fff; line-height:26px; width:60%;  text-transform: uppercase; transition: all 1s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .btns{ transition: all 1s ease; transform: translateY(50px); opacity:0; width:160px; height:50px; line-height:50px; background:url(../images/banner-btn-bg.jpg) repeat-y;}
.banner .swiper-slide .box .btns span{ display:inline-block; text-align:center; background:url(../images/banner-btn.png) no-repeat; color:#fff; font-size:1.8em; width:100%; height:100%; text-indent:-50px; background-position:105px center; transition: all .3s ease;}
.banner .swiper-slide .box .btns span:hover{ background-position:110px center;}

.banner .swiper-slide-active .box .img{ transform: translateY(0px); opacity:1;  transition-delay: 0.2s; }
.banner .swiper-slide-active .box .text-cn{ transform: translateY(0px); opacity:1;  transition-delay: 0.4s; }
.banner .swiper-slide-active .box .text-en{ transform: translateY(0px); opacity:1;  transition-delay: 0.6s; }
.banner .swiper-slide-active .box .btns{ transform: translateY(0px); opacity:1;  transition-delay: 0.8s; }

.banner .swiper-pagination{ bottom:25px;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; border-radius:15px; margin:0 15px !important; opacity:.5;}
.banner .swiper-pagination-bullet-active{ background:#fff; opacity:1;}

.index-title{ text-align:center;}
.index-title .title{ font-size:3em; color:#333;}
.index-title .title span{ display:inline-block; position:relative; padding-left:18px; margin-left: 6.5px; color:#1366b6; font-weight:bold;}
.index-title .title span i{ display:inline-block; position:absolute; width:6px; height:6px; border-radius:6px; background:#333; left:0; top:50%; transform:translateY(-50%);}
.index-title .text{ font-size:1.4em; color:#333; margin-top:2px;}

.iproduct{ margin-top:3.6%;}

.iproduct-list{ margin:5% -7.5px 0; overflow:hidden; margin-bottom:4%;}
.iproduct-list li{ width:20%; float:left; padding:0 7.5px; margin-bottom:25px;}
.iproduct-list li .img{ overflow:hidden;}
.iproduct-list li .img img{ transition: all 0.3s linear 0s; height: 185px; }
.iproduct-list li:hover .img img{transform: scale(1.1,1.1);}
.iproduct-list li .title{ width:100%; height:45px; line-height:45px; background:#f4f4f4; font-size:1.4em; color:#333; text-align:center; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}
.iproduct-list li:hover .title{ background:#1366b6; color:#fff;}


.iabout{ background:url(../images/iabout-bg.jpg) no-repeat center; padding:3.6% 0 4%; overflow:hidden; background-size:cover;}
.iabout .iabout-box{ margin-top:4%; overflow:hidden;}
.iabout .iabout-box .img{ padding-left:0;}
.iabout .iabout-box .text{ padding:0;}
.iabout .iabout-box .text .title{ font-size:2em; color:#1366b6; font-weight:bold;}
.iabout .iabout-box .text .p0{ font-size:1.4em; color:#6e6e6e; line-height:24px; margin-top:10px; text-indent: 2em;}
.iabout .iabout-box .text .p{ font-size:1.4em; color:#6e6e6e; line-height:24px; margin-top:10px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 7;    -webkit-box-orient: vertical;    overflow: hidden;}
.iabout .iabout-box .text .other{ margin-top:10px; padding-left:1px; overflow:hidden;}
.iabout .iabout-box .text .other li{ width:25%; height:118px; border:1px solid #dcdcdc; float:left; margin-left:-1px; text-align:center;}
.iabout .iabout-box .text .other li .n{ color:#1366b6; font-size:3em; font-family:"Impact"; margin-top: 24px;}
.iabout .iabout-box .text .other li .t{ font-size:1.6em; color:#6e6e6e; margin-top:10px;}
.iabout .iabout-box .text .other li:hover{ background:#1366b6; border:1px solid #1366b6;}
.iabout .iabout-box .text .other li:hover .n, .iabout .iabout-box .text .other li:hover .t{ color:#fff;}
.iabout .iabout-box .text .btns{ margin-top:15px;}
.iabout .iabout-box .text .btns a{ display:inline-block; width:120px; height:40px; text-align:center; line-height:40px; background:url(../images/iabout-icon.png) no-repeat #1366b6; background-position: 85px center; font-size:1.4em; color:#fff; text-indent:-25px;}
.iabout .iabout-box .text .btns a:hover{ background:url(../images/iabout-icon.png) no-repeat #20ac3e; background-position: 85px center; }

.izz{ margin-top:3.6%; background:url(../images/izz-bg.jpg) no-repeat center bottom;}
.izz-box{ margin:30px -93px 0; padding-bottom:3.6%; }
.izz-box .swiper-container{ padding:0 93px;}
.izz-box .swiper-slide{ width:25%; padding:0 15px;}
.izz-box .box{ width:100%; overflow:hidden;}
.izz-box .box a{ display:inline-block; width:100%; height:100%; text-align:center;}
.izz-box .box .img{ overflow:hidden; width: 250px;}
.izz-box .box a .img img{ transition: all 0.3s linear 0s;}
.izz-box .box a:hover .img img{transform: scale(1.1,1.1);}
.izz-box .box .title{ height:52px; line-height:52px; border-bottom:1px solid #fff; font-size:1.4em; color:#fff; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.izz-box .swiper-button-next{ width:53px; height:53px; background:url(../images/izz-next.png) no-repeat center; right:0; border:none;}
.izz-box .swiper-button-next:hover{ background:url(../images/izz-next2.png) no-repeat center; }
.izz-box .swiper-button-prev{ width:53px; height:53px; background:url(../images/izz-prev.png) no-repeat center; left:0; border:none;}
.izz-box .swiper-button-prev:hover{ background:url(../images/izz-prev2.png) no-repeat center;}

.iyy{ margin-top:3.6%;}
.iyy-box{ margin-bottom:20px;}
.iyy-box .gallery-top{ margin-top:3%;}
.iyy-box .gallery-top .swiper-wrapper{ padding-bottom:14px;}
.iyy-box .gallery-top .swiper-slide{ height:45px; line-height:45px; text-align:center; background:#1366b6; font-size:1.8em; color:#fff; cursor:pointer; position:relative; width:13.31%;}
.iyy-box .gallery-top .swiper-slide i{ width:21px; height:13px; position:absolute; background:url(../images/iyy-icon.png) no-repeat center; top:100%; left:50%; transform:translateX(-50%); display:none;}
.iyy-box .gallery-top .swiper-slide-thumb-active i{ display:inline-block;}
.iyy-box .gallery-top .swiper-slide-thumb-active{ background:#20ac3e;}

.iyy-box .gallery-thumbs{ margin-top:3%;}
.iyy-box .gallery-thumbs .box{ width:100%; height:100%; position:relative;}
.iyy-box .gallery-thumbs .box .img{ position:relative; z-index:0; max-height:450px; overflow: hidden; }
.iyy-box .gallery-thumbs .box .img img{ width:100%;  }
.iyy-box .gallery-thumbs .box .text{ position:absolute; width:40%; height:100%; background:rgba(0,0,0,.4); right:0; top:0; padding:0 45px;}
.iyy-box .gallery-thumbs .box .text .title{ font-size:2.4em; color:#fff; font-weight:bold; text-align:center; padding-bottom:20px; margin-top:12%; position:relative;}
.iyy-box .gallery-thumbs .box .text .title i{ display:inline-block; width:80px; height:4px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
.iyy-box .gallery-thumbs .box .text .p{ margin-top:8%; font-size:1.4em; color:#fff; line-height:24px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 7;    -webkit-box-orient: vertical;    overflow: hidden;}
.iyy-box .gallery-thumbs .box .text .btns{ margin-top:4.6%;}
.iyy-box .gallery-thumbs .box .text .btns a{ display:inline-block; width:120px; height:40px; text-align:center; line-height:40px; background:url(../images/iabout-icon.png) no-repeat #1366b6; background-position: 85px center; font-size:1.4em; color:#fff; text-indent:-25px;}
.iyy-box .gallery-thumbs .box .text .btns a:hover{ background:url(../images/iabout-icon.png) no-repeat #20ac3e; background-position: 85px center; }

.inews{ margin:3.6% 0; overflow:hidden;}
.inews-box{ margin-top:3%; overflow:hidden;}
.inews-img{ padding:0;}
.inews-list{ padding:0 0 0 30px;}
.inews-list li{ overflow:hidden; padding-bottom:24px; border-bottom:1px solid #e5e5e5;}
.inews-list li+li{ margin-top:24px;}
.inews-list li .date{ text-align:center; height:80px; background:#eee; color:#727272; padding:0;}
.inews-list li .date span{ font-size:2.4em; display:inline-block; margin-top:10px;}
.inews-list li .date p{ text-align:center; font-size:1.4em; margin-top:5px;}
.inews-list li .text{ padding:0 0 0 30px;}
.inews-list li .text .title{ font-size:1.6em; color:#333; font-weight:bold;}
.inews-list li .text .p{ font-size:1.4em; margin-top: 6px; color:#333; line-height:24px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.inews-list li:last-child{ padding-bottom:0; border-bottom:none;}
.inews-list li:hover .date{ background:#1366b6; color:#fff;}
.inews-list li:hover .title{ color:#1366b6;}

.footer{ background:#2c2c2c; overflow:hidden;}
.footer .foot-top{ height:105px; line-height:105px; border-bottom:1px solid #434343; overflow:hidden;}
.footer .foot-logo{ padding:0;}
.footer .foot-nav{ padding:0; text-align:right;}
.footer .foot-nav li{ float:left; padding-left:6.6%;}
.footer .foot-nav li a{ font-size:1.8em; color:#fff;}
.footer .foot-nav li:hover a{ color:#20ac3e;}
.footer .foot-box{ padding:30px 0; overflow:hidden;}
.footer .foot-wx{ padding-right:4%;}
.footer .foot-wx .title{ font-size:1.4em; color:#fff; text-align:center; margin-top:10px;}
.footer .foot-tel{ height:150px; display:table; border-left:1px solid #434343; border-right:1px solid #434343; padding:0 2%;}
.footer .foot-tel > div{ padding-left:68px; background:url(../images/foot-tel.png) no-repeat center left; display:table-cell; vertical-align:middle;}
.footer .foot-tel span{ font-size:1.4em; color:#fff;}
.footer .foot-tel p{ font-size:3.2em; color:#1366b6; font-family:"Impact"; letter-spacing: .8px; margin-top:4px;}
.footer .foot-contact{  padding: 0.5% 0 0 4%;}
.footer .foot-contact p{ color:#fff; font-size:1.4em; margin-bottom:20px;}
.footer .foot-contact p:last-child{ margin-bottom:0;}
.footer .foot-contact p span{ color:#fff; display:inline-block; margin-right:40px;}
.footer .foot-contact p a{ color:#fff;}

.page-banner{ height:350px;}

.page-top{ height:80px; line-height:80px; border-bottom:1px solid #e5e5e5;}
.page-top .mbx{ font-size:1.4em; color:#686868; padding-left:0;}
.page-top .mbx span{ display:inline-block; width:17px; height:100%; background:url(../images/mbx-icon.png) no-repeat center 48%; margin-right:4px;}
.page-top .mbx a{ margin:0 4px; color:#686868;}
.page-top .mbx a:hover{ color:#106aaf; text-decoration:underline;}

.page-nav{ padding-right:0;}
.page-m-btn{ display:none;}
.page-nav ul{ float:right;}
.page-nav li{ float:left; margin-left:20px;}
.page-nav li a{ display:inline-block; padding:0 15px; font-size:1.8em; color:#333; position:relative;}
.page-nav li i{ position:absolute; display:inline-block; height:4px; background:#106aaf; width:0; left:0; bottom:0px; transition: all 0.2s linear 0s;}
.page-nav li:hover i, .page-nav li a.on i{ width:100%;}
.page-nav li:hover a, .page-nav li a.on{ color:#106aaf;}

.page-title{ text-align:center; font-size:2.4em; font-weight:bold; color:#333; position:relative; padding-bottom:15px;}
.page-title i{ position:absolute; display:inline-block; width:70px; height:4px; background:#3591d7; bottom:0; left:50%; transform:translateX(-50%);}

#about-box1{ padding:5% 0 1%;}
#about-box1 .img{ padding:0;}
#about-box1 .text{ padding:0 0 0 60px;}
#about-box1 .text p{ text-indent:2em; }
#about-box1 .text .top{ font-size:2.4em; color:#333; font-weight:bold; position:relative; padding-bottom:15px; margin-top:5px;}
#about-box1 .text .top i{ display:inline-block; width:70px; height:4px; background:#106aaf; position:absolute; left:0; bottom:0;}
#about-box1 .text .title{ font-size:2em; font-weight:bold; color:#106aaf; }
#about-box1 .text .p{ font-size:1.4em; color:#333; line-height:26px; margin-top:10px;}
#about-box1 .other{ padding:3.6% 0;}
#about-box1 .other li{ text-align:center; position:relative;}
#about-box1 .other li .n{ font-size:3em; color:#1366b6; font-family:"Impact";}
#about-box1 .other li .t{ font-size:1.6em; color:#6e6e6e; margin-top:5px;}
#about-box1 .other li::before{ content:""; position:absolute; display:inline-block; width:1px; height:50px; background:#e5e5e5; right:0; top:50%; transform:translateY(-50%);}
#about-box1 .other li:last-child::before{ display:none;}

#about-box2{ background:url(../images/about-box2-bg.jpg) no-repeat center; background-size:cover; padding:3.6% 0 4%;}
#about-box2 .box{ margin-top:3.6%; overflow:hidden;}
#about-box2 .box .text{ padding:0 60px 0 0;}
#about-box2 .box .text .title{ font-size:2.6em; color:#106aaf; font-weight:bold;}
#about-box2 .box .text .p{ font-size:1.4em; color:#333; line-height:24px; margin-top:10px; text-indent: 2em;}
#about-box2 .box .img{ padding:0; float:right;}

#about-box3{ padding:4.5% 0 3%;}
#about-box3 .box{ margin:4% -15px 0; overflow:hidden;}
#about-box3 .box li{ margin-bottom:40px;}
#about-box3 .box li .img{ overflow:hidden;}
#about-box3 .box li .text{ background:#f7f7f7;}
#about-box3 .box li .text .title{ font-size:1.8em; font-weight:bold; color:#333; text-align:center; padding-top:20px;}
#about-box3 .box li .text .p{ font-size:1.4em; color:#333; line-height:20px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden; margin:10px 20px; height:80px; text-align:justify;}
#about-box3 .text{ background:#0f6ab0; font-size:1.8em; line-height:35px; padding:30px; color:#fff; margin:3% 0;}
#about-box3 .text em{ font-weight:bold; font-size:1.2em;}

.about-box3{ padding:4.5% 0 3%;}
.about-box3 .list{ margin:4% -17.5px 0; overflow:hidden;}
.about-box3 .list li{ width: 33.3333333%; float: left; padding: 0 17.5px; margin-bottom: 30px; position: relative;}
.about-box3 .list li .box > img{ position: relative; z-index: 0;}
.about-box3 .list li .icon{ position: absolute; z-index: 1; top: 50%; left: 0; transform: translateY(-50%); width: 32%; text-align: right; padding-left: 30px;}
.about-box3 .list li .text{ position: absolute; z-index: 1; width: 68%; top: 50%; right: 0; transform: translateY(-50%); padding: 0 30px 0 20px;}
.about-box3 .list li .text .t{ font-size: 2em; color: #0f6ab0;}
.about-box3 .list li .text .p{ font-size: 2.2em; color: #333; margin-top: 10px; font-weight: bold;}
.about-box3 .list li:nth-child(2n) .text .t{ color: #fff;}
.about-box3 .list li:nth-child(2n) .text .p{ color: #fff;}

.about-box5{ padding:4.5% 0 3%;}
.about-box5 .box{ margin:4% -15px 0; overflow:hidden; text-align: center; }
.about-box5 .box li{ margin-bottom:40px; display: inline-block; }
.about-box5 .box li .img{ overflow:hidden;}
.about-box5 .box li .text{ background:#f7f7f7;}
.about-box5 .box li .text .title{ font-size:1.8em; font-weight:bold; color:#333; text-align:center; padding:10px ;}
.about-box5 .box li .text .p{ font-size:1.4em; color:#333; line-height:20px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden; margin:10px 20px; height:80px; text-align:justify;}

#about-box4{ background:url(../images/about-box4-bg.jpg) no-repeat center; background-size:cover; padding:4% 0 5.6%;}
#about-box4 .box{ margin-top:4%;}
#about-box4 .box .swiper-container{ overflow:inherit;}
#about-box4 .box .gallery-top{ z-index:1;}
#about-box4 .box .gallery-top .list{ overflow:hidden;}
#about-box4 .box .gallery-top .list .swiper-slide{ background:#fff; padding:45px 0;}
#about-box4 .box .gallery-top .list .swiper-slide .year{ text-align:center; font-size:5em; color:#106aaf; font-weight:bold;}
#about-box4 .box .gallery-top .list .swiper-slide .text{ padding:8px 15px;}
#about-box4 .box .gallery-top .list .swiper-slide .text .title{ font-size:1.8em; color:#333; font-weight:bold;}
#about-box4 .box .gallery-top .list .swiper-slide .text .p{ font-size:1.4em; color:#333; line-height:24px; margin-top:6px;}
#about-box4 .box .gallery-top .swiper-button-next{ width:47px; height:47px; background:url(../images/about-box4-next.png) no-repeat center; right:0; margin-top:0; top:inherit; bottom: -56%;}
#about-box4 .box .gallery-top .swiper-button-prev{ width:47px; height:47px; background:url(../images/about-box4-prev.png) no-repeat center; left:0; margin-top:0; top:inherit; bottom: -56%;}

#about-box4 .box .gallery-thumbs{ padding:0 75px; margin-top:2.6%; position:relative; z-index:0;}
#about-box4 .box .gallery-thumbs .list{ overflow:hidden; padding-top:35px;}
#about-box4 .box .gallery-thumbs .swiper-slide{ width:16.66%; text-align:center; position:relative;}
#about-box4 .box .gallery-thumbs .swiper-slide i{ display:inline-block; width:20px; height:20px; border-radius:20px; background:#e5e5e5; position:absolute; top:-10px; transform:translateX(-50%);}
#about-box4 .box .gallery-thumbs .swiper-slide-thumb-active i{ width:34px; height:42px; background:url(../images/about-box4-icon.png) no-repeat center; top: -34px;}
#about-box4 .box .gallery-thumbs .swiper-slide p{ text-align:center; font-size:2em; color:#8d8d8d; font-weight:bold; padding-top:20px;}
#about-box4 .box .gallery-thumbs .line{ width:100%; height:2px; background:#e5e5e5; position:relative; transform:translateY(-48px);}

#about-box5{ padding:3.6% 0 4%;}
#about-box5 .box{ margin-top:1.6%;}
#about-box5 .box .swiper-container{ padding:0 75px;}
#about-box5 .box .list{ overflow:hidden; padding:30px 0;}
#about-box5 .box .swiper-slide{ width:40%; z-index:0; border-radius:0 0 6px 6px; overflow:hidden; box-shadow:0 0 24px rgba(187,187,187,.3); transform: scale(0.6);}
#about-box5 .box .swiper-slide .img{ overflow:hidden;}
#about-box5 .box .swiper-slide .text{ background:#f7f7f7; padding:0 24px;}
#about-box5 .box .swiper-slide .text .title{ font-size:1.8em; font-weight:bold; color:#333; text-align:center; padding-top:30px;}
#about-box5 .box .swiper-slide .text .p{ font-size:1.4em; color:#333; line-height:24px; margin-top:10px; padding-bottom:30px;}
#about-box5 .box .swiper-button-next{ width:47px; height:47px; background:url(../images/about-box4-next.png) no-repeat center right; right:0; margin-top:-23.5px;}
#about-box5 .box .swiper-button-prev{ width:47px; height:47px; background:url(../images/about-box4-prev.png) no-repeat center left; left:0; margin-top:-23.5px;}

#about-box5 .box .swiper-slide-prev, #about-box5 .box .swiper-slide-next{ z-index:2; transform: scale(0.8);}
#about-box5 .box .swiper-slide-active{ z-index:4; transform: scale(1);}

#about-box6{ background:url(../images/about-box6-bg.jpg) no-repeat center; background-size:cover; padding:3.6% 0 2.6%;}
#about-box6 .box{ margin-top:4%;}
#about-box6 .box .list{ overflow:hidden;}
#about-box6 .box .swiper-container{ padding:0 95px;}
#about-box6 .box .swiper-slide{ width:25%; text-align:center; padding:0 10px;}
#about-box6 .box .swiper-slide .img{ overflow:hidden;}
#about-box6 .box .swiper-slide .title{ font-size:1.8em; color:#333; margin-top:18px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#about-box6 .box .swiper-button-next{ width:47px; height:47px; background:url(../images/about-box4-next.png) no-repeat center right; right:0; margin-top:-23.5px;}
#about-box6 .box .swiper-button-prev{ width:47px; height:47px; background:url(../images/about-box4-prev.png) no-repeat center left; left:0; margin-top:-23.5px;}

.product-list{ margin:3.4% 0 1.6%;}
.product-list ul{ margin:0 -15px;}
.product-list li{ margin-bottom:30px;}
.product-list li .img{ overflow:hidden;}
.product-list li .img img{ transition: all 0.2s linear 0s; width:100% }
.product-list li:hover .img img{ transform: scale(1.1);}
.product-list li .title{ height:50px; line-height:50px; text-align:center; background:#f4f4f4; font-size:1.4em; color:#333; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; width:100%;}
.product-list li:hover .title{ background:#106aaf; color:#fff;}



.pager-list{ padding-bottom:4%; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:35px; line-height:35px; padding:0 19px;  background:#eee !important; border-radius:0px;}
.pager-list li a:hover{ background:#106aaf !important; color:#fff !important;}
.pager-list li.active>*{ color:#fff !important; background:#106aaf !important;}
.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}

.product-con{ margin:3.4% 0;}
.pro-imgs{ padding:0;}
.pro-imgs .swiper-slide img{ width:100% }
.pro-imgs .swiper-button-next{ width:38px; height:38px; background:url(../images/pro-next.png) no-repeat center right; right:10px; margin-top:-19px;}
.pro-imgs .swiper-button-prev{ width:38px; height:38px; background:url(../images/pro-prev.png) no-repeat center left; left:10px; margin-top:-19px;}
.pro-text{ padding:0 0 0 50px;}
.pro-text .title{ font-size:3em; color:#333; font-weight:bold; margin-top:5px;}
.pro-text .text{ font-size:1.4em; color:#747474; line-height:24px; margin:10px 0; text-align:justify; height: 246px; overflow:hidden;}
.pro-text .other{ overflow:hidden; border-top:1px solid #e6e6e6;}
.pro-text .other .tel{ float:left; font-size:1.8em; color:#333; line-height:24px; background:url(../images/pro-tel.png) no-repeat center left; padding:26px 0 26px 65px;}
.pro-text .other .btns{ float:right; padding:30px 0;}
.pro-text .other .btns a{ display:inline-block; width:130px; height:40px; background:#106aaf; color:#fff; font-size:1.8em; text-align:center; line-height:40px;}
.pro-text .other .btns a:hover{ background:#20ac3e;}

.pro-con{ margin-top:4%;}
.pro-con .top{ padding:15px 0; font-size:3em; border-bottom:1px solid #e6e6e6;}
.pro-con .top span{ color:#106aaf; font-family:"Impact"; display:inline-block; text-transform: uppercase; letter-spacing:.8px; position:relative; padding-right:15px; margin-right:10px;}
.pro-con .top span::before{ content:""; position:absolute; display:inline-block; width:1px; height:26px; background:#bfbfbf; right:0; top:50%; transform:translateY(-50%);}
.pro-con .top b{ font-weight:bold;}
.pro-con .text{ font-size:1.4em; line-height:24px; color:#333; padding:20px 0;}
.pro-con .text p+p{ margin-top:20px;}

.hot-news{ margin:4% 0 2%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:35px;}
.hot-news .img{ padding:0; overflow:hidden;}
.hot-news .img img{ transition: all 0.2s linear 0s;}
.hot-news:hover .img img{ transform: scale(1.1);}
.hot-news .text{ padding:0 0 0 40px;}
.hot-news .text .title{ font-size:2.2em; color:#1366b6; font-weight:bold; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}
.hot-news .text .date{ font-size:1.4em; color:#757575; padding:10px 0;}
.hot-news .text .date span{ margin-right:20px; display:inline-block;}
.hot-news .text .p{ font-size:1.4em; color:#757575; line-height:24px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;}
.hot-news .text .btns{ margin-top:50px; text-align:right;}
.hot-news .text .btns span{ display:inline-block; width:120px; height:40px; text-align:center; line-height:40px; background:url(../images/iabout-icon.png) no-repeat #1366b6; background-position: 85px center; font-size:1.4em; color:#fff; text-indent:-25px;}
.hot-news .text .btns span:hover{ background:url(../images/iabout-icon.png) no-repeat #20ac3e; background-position: 85px center; }

.news-list{ padding:10px 0 30px;}
.news-list li{ padding-bottom:30px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.news-list li .date{ text-align:center; background:#eee; color:#727272; padding:20px 0;}
.news-list li .date span{ font-size:3em; display:inline-block; line-height: 30px;}
.news-list li .date p{ text-align:center; font-size:1.4em;}
.news-list li .text{ padding:0 0 0 20px;}
.news-list li .text .title{ font-size:2.2em; color:#333; margin-top:2px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; width:100%;}
.news-list li .text .p{ font-size:1.4em; color:#333; line-height:24px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.news-list li+li{ margin-top:30px;}
.news-list li:hover .date{ background:#106aaf; color:#fff;}
.news-list li:hover .text .title{ color:#106aaf;}

.news-con{ padding:4% 0;}
.news-con .title{ font-size:2.2em; color:#333; font-weight:bold; text-align:center;}
.news-con .bq{ text-align:center; margin-top:15px;}
.news-con .bq span{ font-size:1.4em; color:#757575; margin:0 10px;}
.news-con .text{ font-size:1.4em; color:#333; line-height:26px; padding:20px 0;}
.news-con .text p+p{ margin-top:16px;}
.news-con .text img { height:auto !important }

.pager{ font-size:1.4em; color:#686868; line-height:26px; border-top:1px solid #e5e5e5; padding:20px 0;}
.pager a{ color:#686868;}
.pager a:hover{ color:#106aaf;}
.pager .prev{ text-align:left;}
.pager .next{ text-align:left;}
.pager .next a, .pager .next span{ float:inherit;}

.yy-list{ overflow:hidden;}
.yy-list li{ overflow:hidden; margin:4% 0; background:#f5f5f5;}
.yy-list li .img{ padding:0; overflow:hidden; height: 209px;
    position: relative;}
.yy-list li .img img{ transition: all 0.2s linear 0s; position: absolute;
    height: 100%;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);}
.yy-list li:hover .img img{ transform: scale(1.1) translateX(-50%);}
.yy-list li .text{ padding:15px 35px;}
.yy-list li .text .title{ text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; width:100%; font-size:2em; color:#333; font-weight:bold; margin:10px 0;}
.yy-list li .text .p{ text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden; font-size:	1.4em; color:#333; line-height:22px;}
.yy-list li .text .btns{ margin-top:15px; text-align:right;}
.yy-list li .text .btns span{ display:inline-block; width:120px; height:40px; text-align:center; line-height:36px; background:url(../images/iabout-icon2.png) no-repeat transparent; background-position: 85px center; font-size:1.4em; color:#757575; text-indent:-25px; border:2px solid #d2d2d2;}
.yy-list li .text .btns span:hover{ background:url(../images/iabout-icon.png) no-repeat #106aaf; background-position: 85px center; color:#fff; border:2px solid #106aaf;}
.yy-list li:hover .text .title{ color:#106aaf;}

.ln-box1{ padding:3.6% 0 5%; overflow:hidden;}
.ln-box1 .text{ font-size:1.4em; line-height:24px; text-align:left; text-indent: 28px; margin:2.6% 0 3%; padding: 0 20%;}
.ln-box1 .box{ overflow:hidden;}
.ln-box1 .box li{ text-align:center;}
.ln-box1 .box li .p{ font-size:1.6em; color:#333; margin-top:15px;}

.ln-box2{ background:url(../images/ln-box2-bg.jpg) no-repeat center; background-size:cover; padding:3.6% 0  5%;}
.ln-box2 .list{ margin:4.6% -10px 0; overflow:hidden;}
.ln-box2 .list li{ padding:0 10px;}
.ln-box2 .list li .box{ background:#fff; padding:10% 0 8%;}
.ln-box2 .list li .icon{ height:58px; line-height:58px; text-align:center;}
.ln-box2 .list li .title{ font-size:2em; color:#333; text-align:center; margin:20px 0;}
.ln-box2 .list li .text{ padding:0 35px; font-size:1.4em; color:#929292; line-height:24px; text-align:left; text-indent: 28px;; height:96px;}

.ln-box3{ padding:3.6% 0 5%; overflow:hidden;}
.ln-box3 .box{ overflow:hidden; margin-top:3.6%;}
.ln-box3 .box li{ text-align:center;}
.ln-box3 .box li .p{ font-size:1.6em; color:#333; margin-top:15px;}

.job-list{ padding:2.6% 0;}
.job-list li{ padding:0 10px; margin-bottom:20px;}
.job-list li dl{ margin-bottom:0; padding:20px; background:#f5f5f5; }
.job-list li dt{ font-size:1.8em; color:#333; margin-bottom:6px;}
.job-list li dd{ font-size:1.4em; color:#818181; line-height:26px; padding:0 5px; }
.job-list li dd span{ color:#106aaf;}
.job-list li .btns{ margin-top:8px; text-align:right;}
.job-list li .btns span{ display:inline-block; width:100px; height:35px; text-align:center; line-height:35px; background:#949494; font-size:1.4em; color:#fff;}
.job-list li .btns span:hover{ background:#106aaf;}

.job-con{ margin-top:3%;}
.job-con .title{ font-size:1.8em; color:#106aaf; background:url(../images/job-icon.png) no-repeat center left; padding:20px 0 20px 40px; border-bottom:1px solid #e5e5e5;}
.job-con .other{ border-bottom:1px solid #e5e5e5; padding:15px 0; overflow:hidden;}
.job-con .other li{ font-size:1.4em; color:#818181; line-height:30px;}
.job-con .other li span{ color:#106aaf;}
.job-con .text{ padding:30px 0; font-size:1.4em; color:#333; line-height:26px;}
/* .job-con .text dt{ font-size:2em; line-height:26px; color:#333; font-weight:normal; margin-bottom:8px;}
.job-con .text p{ font-size:1.4em; color:#333; line-height:26px;} */

.job-con .btns{ text-align:center; margin:30px 0;}
.job-con .btns a{ display:inline-block; width:150px; height:45px; line-height:45px; background:#106aaf; color:#fff; font-size:1.6em;}
.job-con .btns a:hover{ background:#20ac3e;}

.contact{ margin:5% 0;}
.contact .list{ overflow:hidden;}
.contact .list li{ text-align:center; padding:0 30px;}
.contact .list li .icon{ margin-bottom:15px;}
.contact .list li .text{ font-size:1.8em; line-height:24px;}
.contact .list li .text p{ text-align:center;}
.contact .map{ height:500px; margin-top:4%;}

.message{ width:780px; margin:3% auto;}
.message li{ width:100%; overflow:hidden; margin-bottom:20px;}
.message li label{ margin-bottom:0; width:10%; float:left; display:inline-block; font-weight:normal; position:relative; font-size:1.4em; color:#333; padding-left:10px; line-height:45px;}
.message li label i{ position:absolute; font-size:1em; color:#f00; left:0;}
.message li textarea{ height:120px; width:90%; padding:15px 15px; border:none; background:#f5f5f5; font-size:1.4em; color:#333;}
.message li input[type="text"]{ width:90%; height:45px; padding:0 15px; border:none; background:#f5f5f5; font-size:1.4em; color:#333; float:left;}
.message li.yzm input[type="text"]{ width:30%;}
.message li.yzm img{ border:1px solid #d2d2d2; float:left; margin-left:4%;}
.message li input[type="submit"]{ width:120px; height:45px; border:none; background:#106aaf; font-size:1.4em; color:#fff; margin-left:10%;}











@media (min-width:1366px) {
.container{ width:1300px;}
.page-nav ul{ display:block !important;}
}
@media (max-width:1366px) and (min-width: 1200px){
.header .pc-nav li{ padding:0 10px;}
.header .pc-nav li > a{ font-size:1.4em;}

.banner{ height: 540px;}

.iabout .iabout-box .text .other li{ height:81px;}
.iabout .iabout-box .text .other li .n{ margin-top:1px;}

.iyy-box .gallery-top .swiper-slide{ width:13.2%;}
.iyy-box .gallery-thumbs .box .text .p{ -webkit-line-clamp: 6;}

.inews-list li{ padding-bottom:15px;}
.inews-list li+li{ margin-top:15px;}

.footer .foot-nav li{ padding-left:5.8%;}
.footer .foot-tel{ padding:0 1.5%;}

.page-banner{ height:300px;}
.page-nav ul{ display:block !important;}
.page-nav li{ margin-left:15px;}

#about-box1{ padding:5% 0 1%;}
#about-box5 .box .swiper-slide{ width:42%;}

.pro-text .text{ height: 202px;}

.hot-news .text .btns{ margin-top:24px;}

.yy-list li .text .title{ margin:5px 0;}
.yy-list li .img { height: 200px;}

/* .job-list dd{ width:33.33333%;} */
}
@media (max-width:1199px) and (min-width:992px){
.header{ height:100px; line-height:100px;}
.header .pc-nav{ height:100px;}
.header .pc-nav li{ padding:0 6px;}
.header .pc-nav li > a{ font-size:1.4em;}
.header .pc-nav li dl{ width:130%;}
.header .pc-nav li dd a{ font-size:1.4em;}
.header .pc-search{ margin: 38px 0 0 10px;}

.banner{ height: 450px;}

.iproduct-list li{ width:25%}
.iproduct-list li:nth-child(n+9){ display:none;}

.iabout .iabout-box .text .p{ -webkit-line-clamp: 5;}
.iabout .iabout-box .text .other{ margin-top:5px;}
.iabout .iabout-box .text .other li{ height:94px;}
.iabout .iabout-box .text .other li .n{ margin-top:5px; font-size:2.6em;}
.iabout .iabout-box .text .other li .t{ font-size:1.4em; margin-top:0;}
.iabout .iabout-box .text .btns{ margin-top: 14px;}

.iyy-box .gallery-top .swiper-slide{ width:12.9%;}
.iyy-box .gallery-thumbs .box .text .p{ -webkit-line-clamp: 5;}

.inews-list li{ padding-bottom:10px;}
.inews-list li+li{ margin-top:10px;}
.inews-list li .date{ height:70px;}
.inews-list li .date span{ margin-top:5px;}
.inews-list li .date p{ margin-top:2px;}
.inews-list li .text .p{ margin-top:4px; line-height: 20px;}

.footer .foot-nav li{ padding-left:4%;}
.footer .foot-tel{ padding:0 3%;}
.footer .foot-contact p{ margin-bottom:22px;}

.page-banner{ height:250px;}

.page-nav ul{ display:block !important;}
.page-nav li{ margin-left: 10px;}
.page-nav li a{ font-size:1.6em; padding:0 10px;}

#about-box1{ padding:5% 0 1%;}

#about-box3 .text{ font-size:1.6em;}

.about-box3 .list li .text .t{ font-size: 1.6em;}
.about-box3 .list li .text .p{ font-size: 1.8em;}

#about-box4 .box .gallery-top .swiper-button-next{ bottom: -44%;}
#about-box4 .box .gallery-top .swiper-button-prev{ bottom: -44%;}

#about-box5 .box .swiper-slide{ width:48%;}

#about-box6 .box .swiper-slide{ width:33.33333%;}

.pro-text{ padding: 0 0 0 30px;}
.pro-text .title{ font-size:2.6em;}
.pro-text .text{ height: 144px;}

.hot-news .text .date{ padding:5px 0;}
.hot-news .text .p{ -webkit-line-clamp: 3;}
.hot-news .text .btns{ margin-top:15px;}

.yy-list li .text .title{ margin:0;}
.yy-list li .text .p{ -webkit-line-clamp: 2;}
.yy-list li .img { height: 168px;}

.ln-box1 .text{ padding:0 10%;}
.ln-box2 .list li .text{ padding: 0 15px; height:120px;}
}
@media (max-width:991px) and (min-width: 768px){
.header{ position:fixed; background:#fff; height:80px; line-height:80px; width:100%; box-shadow:0 3px 5px rgba(0,0,0,.25);}
.header .logo img{ height:64px;}
.header .nav-btn{ height:80px; line-height:80px;}
.h60{ height:80px;}

.banner{ height:330px;}
.banner .swiper-slide .box .img{ margin-bottom:15px;}
.banner .swiper-slide .box .img img{ height:65px;}
.banner .swiper-slide .box .text-cn{ font-size:2.6em;}
.banner .swiper-slide .box .text-en{ font-size:1.8em; width:80%;}
.banner .swiper-slide .box .btns span{ font-size:1.6em;}

.index-title .title{ font-size:2.4em;}

.iproduct-list li{ width:33.33333%;}
.iproduct-list li:nth-child(n+10){ display:none;}

.iabout .iabout-box .img{ padding:0; margin-bottom:15px;}
.iabout .iabout-box .text .other li .n{ margin-top:20px;}
.iabout .iabout-box .text .btns{ margin-top:24px;}

.izz-box .swiper-slide{ width:33.33333%;}

.iyy-box .gallery-top .swiper-slide{ width:20%; font-size:1.6em;}
.iyy-box .gallery-thumbs .box .text{ width:60%;}
.iyy-box .gallery-thumbs .box .text .title{ font-size:2em; margin-top:6%;}
.iyy-box .gallery-thumbs .box .text .p{ -webkit-line-clamp: 4; margin-top:4%;}
.iyy-box .gallery-thumbs .box .text .btns{ margin-top:3%;}

.inews-img{ display:none;}
.inews-box{ margin-top:4%;}
.inews-list{ padding:0;}

.footer .foot-nav li{ padding-left: 2.2%;}
.footer .foot-nav li a{ font-size:1.6em;}
.footer .foot-wx{ padding:2% 2% 0;}
.footer .foot-tel{ padding:0 3%;}
.footer .foot-tel > div{ background-size:34px; padding-left:45px;}
.footer .foot-tel p{ font-size:2.6em;}
.footer .foot-contact p{ margin-bottom:10px;}

.page-banner{ height:250px; background-position: 22% center !important;}

.page-top{ height:60px; line-height:60px; position:relative;}
.page-nav{ height:100%; background:url(../images/page-nav.png) no-repeat center right; position:inherit;}
.page-m-btn{ display:block; width:100%; height:100%;}
.page-nav ul{ display:none; position:absolute; width:300px; right:0; top:101%; z-index:999; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,.25);}
.page-nav li{ width:100%; margin:0; text-align:center; border-bottom:1px dashed #ccc; height:61px;}
.page-nav li i{ display:none;}
.page-nav li a{ font-size:1.6em; display:inline-block; width:100%;}
.page-nav li a.on{ background:#106aaf; color:#fff;}

.page-title{ font-size:2em;}
.page-title i{ height:2px;}

#about-box1{ padding:5% 0 3%;}
#about-box1 .text{ padding:0; margin-top:20px;}
#about-box1 .text .top{ font-size:2em;}
#about-box1 .text .top i{ height:2px;}
#about-box1 .text .title{ font-size:2.2em; margin-top:15px;}

#about-box2 .box .img{ float:inherit; text-align:center;}
#about-box2 .box .text{ padding:0; margin-top:20px;}
#about-box2 .box .text .title{ font-size:2.4em;}

#about-box3{ padding:5% 0;}
#about-box3 .box{ margin:5% -7.5px 0;}
#about-box3 .box li{ padding:0 7.5px; margin-bottom:15px;}
#about-box3 .text{ font-size:1.6em;}

.about-box3 .list li{ width: 50%;}
.about-box3 .list li .text .t{ font-size: 1.6em;}
.about-box3 .list li .text .p{ font-size: 1.8em;}

.about-box5{ padding:5% 0;}
.about-box5 .box{ margin:5% -7.5px 0;}
.about-box5 .box li{ padding:0 7.5px; margin-bottom:15px;}

#about-box4 .box .gallery-thumbs .swiper-slide{ width:25%;}
#about-box4 .box .gallery-top .swiper-button-next{ bottom: -42%;}
#about-box4 .box .gallery-top .swiper-button-prev{ bottom: -42%;}

#about-box5 .box .swiper-slide{ width:61%;}

#about-box6 .box .swiper-container{ padding:0 65px;}
#about-box6 .box .swiper-slide{ width:33.33333%;}

.product-list ul{ margin:0 -7.5px;}
.product-list li{ margin-bottom:15px; padding:0 7.5px;}

.pro-text{ padding: 0 0 0 30px;}
.pro-text .title{ font-size:2.4em; margin-top:0;}
.pro-text .text{ height: 144px;}
.pro-text .other .btns a{ font-size:1.6em;}
.pro-con .top{ font-size:2.6em;}

.hot-news .text{ padding:0 0 0 15px;}
.hot-news .text .title{ font-size:2em;}
.hot-news .text .date{ padding:5px 0;}
.hot-news .text .p{ -webkit-line-clamp: 3;}
.hot-news .text .btns{ margin-top:6px;}

.yy-list li .text{ padding:15px 20px;}
.yy-list li .text .title{ margin:0; font-size:1.8em;}
.yy-list li .text .p{ -webkit-line-clamp: 2;}
.yy-list li .text .btns{ margin-top:8px;}
.yy-list li .img { height: 158px;}

.ln-box1 .text{ padding:0;}
.ln-box1 .box li{ padding:0 30px;}
.ln-box2 .list li{ margin-bottom:20px;}
.ln-box2 .list li .text{ padding: 0 15px; height:72px;}
.ln-box3 .box li{ padding:0 30px;}
.ln-box3 .box li .p{ font-size:1.4em;}

.contact .list li .text{ font-size:1.6em;}

.message{ width:100%;}
}
@media (max-width: 767px){
.header{ position:fixed; background:#fff; height:60px; line-height:60px; width:100%; box-shadow:0 3px 5px rgba(0,0,0,.25);}
.header .logo img{ height:45px;}
.header .nav-btn{ height:60px; line-height:60px;}

.banner{ height:auto;}
.banner .swiper-slide .box .img{ margin-bottom:15px;}
.banner .swiper-slide .box .img img{ height:50px;}
.banner .swiper-slide .box .text-cn{ font-size:2em;}
.banner .swiper-slide .box .text-en{ font-size:1.4em; width:90%; line-height:22px;}
.banner .swiper-slide .box .btns{ width:120px; height:40px; line-height:40px; }
.banner .swiper-slide .box .btns span{ font-size:1.4em; text-indent:-30px; background-size: 16px; background-position: 85px center;}
.banner .swiper-slide .box .btns span:hover{ background-position: 95px center;}
.banner .swiper-pagination{ bottom: 8px;}
.banner .swiper-pagination-bullet{ width:10px; height:10px;     margin: 0 6px !important;}

.index-title .title{ font-size:2em;}

.iproduct-list li{ width:50%; margin-bottom:15px;}
.iproduct-list li:nth-child(n+7){ display:none;}
.iproduct-list li:nth-child(2n-1){clear:left;}

.iabout .iabout-box .img{ padding:0; margin-bottom:15px;}
.iabout .iabout-box .text .other li{ height:100px;}
.iabout .iabout-box .text .other li .n{ margin-top:20px; font-size:2.4em; margin-top:10px;}
.iabout .iabout-box .text .other li .t{ font-size:1.4em; margin-top:5px;}
.iabout .iabout-box .text .btns{ margin-top:24px;}

.izz{ background-size: 270%;}
.izz-box .swiper-slide{ width:50%;}
.izz-box .box .img{ width: auto;}
.izz-box .box .title{ height:45px; line-height:45px;}

.iyy{ margin:5% 0 3%;}
.iyy-box .gallery-top{ margin-top:5%;}
.iyy-box .gallery-top .swiper-slide{ width:26%; font-size:1.6em;}
.iyy-box .gallery-thumbs .box .img{ position:absolute; top:0;  left: 0; width:100%; height:100%;}
.iyy-box .gallery-thumbs .box .img img{ height:100%; position:absolute; left:50%; transform:translateX(-50%); }
.iyy-box .gallery-thumbs .box .text{ width:100%; position:relative; padding:3%;}
.iyy-box .gallery-thumbs .box .text .title{ font-size:2em; margin-top:3%;}
.iyy-box .gallery-thumbs .box .text .p{ -webkit-line-clamp: 3; margin-top:3%;}
.iyy-box .gallery-thumbs .box .text .btns{ margin-top:3%;}

.inews{ margin:0 0 5%;}
.inews-img{ display:none;}
.inews-box{ margin-top:5%;}
.inews-list{ padding:0;}
.inews-list li{ padding-bottom:15px;}
.inews-list li+li{ margin-top:15px;}
.inews-list li .text{ padding:0 0 0 15px;}

.footer .foot-top{ display:none;}
.footer .foot-box{ padding:20px 0 25px;}
.footer .foot-wx{ padding:3% 4%;}
.footer .foot-tel{ padding:0 3%;}
.footer .foot-tel p{ font-size:2.2em;}
.footer .foot-contact{ display:inline-block; margin-top:20px; padding:0;}
.footer .foot-contact p{ margin-bottom:15px;}
.footer .foot-contact p:last-child span{ margin-right:130px;}

.page-banner{ height:160px; background-position: 25% center !important;}

.page-top{ height:60px; line-height:60px; position:relative;}
.page-m-btn{ display:block; width:100%; height:100%;}
.page-nav{ height:100%; background:url(../images/page-nav.png) no-repeat center right; position:inherit;}
.page-nav ul{ display:none; position:absolute; width:240px; right:0; top:101%; z-index:999; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,.25);}
.page-nav li{ width:100%; margin:0; text-align:center; border-bottom:1px dashed #ccc; height:51px; line-height:50px;}
.page-nav li i{ display:none;}
.page-nav li a{ font-size:1.6em; display:inline-block; width:100%;}
.page-nav li a.on{ background:#106aaf; color:#fff;}

.page-title{ font-size:1.8em;}
.page-title i{ height:2px;}

#about-box1{ padding:5% 0;}
#about-box1 .text{ padding:0; margin-top:20px;}
#about-box1 .text .top{ font-size:1.8em; padding-bottom:10px;}
#about-box1 .text .top i{ height:1px;}
#about-box1 .text .title{ font-size:2em; margin-top:12px;}
#about-box1 .other li{ margin-bottom:15px;}
#about-box1 .other li:nth-child(2n)::before{ display:none;}

#about-box2{ padding:5% 0;}
#about-box2 .box .img{ float:inherit; text-align:center; margin:3% 0;}
#about-box2 .box .text{ padding:0; margin-top:20px;}
#about-box2 .box .text .title{ font-size:2em;}

#about-box3{ padding:5% 0;}
#about-box3 .box{ margin:5% -7.5px 0;}
#about-box3 .box li{ padding:0 7.5px; margin-bottom:15px;}
#about-box3 .box li .text .p{ margin:10px 15px 15px; height:auto;}
#about-box3 .text{ font-size:1.4em; padding:20px;}
#about-box3 .text em{ font-size:1em;}

.about-box3 .list{ margin: 5% -7.5px 0;}
.about-box3 .list li{ width: 50%; padding: 0 7.5px; margin-bottom: 15px; height: 120px;}
.about-box3 .list li .box{ overflow: hidden; position: relative; width: 100%; height: 100%;}
.about-box3 .list li .box > img{ position: absolute; height: 100%; max-width: inherit; left: 50%; transform: translateX(-50%);}
.about-box3 .list li .icon{ position: relative; width: 20%; transform: translateY(0); top: 10%; padding-left: 20px; float: left;}
.about-box3 .list li .text{ position: relative; width: 80%; transform: translateY(0); top: 10%; padding: 0 15px 0 10px; float: right;}
.about-box3 .list li .text .t{ font-size: 1.4em;}
.about-box3 .list li .text .p{ font-size: 1.4em; margin-top: 8px; position: absolute; left: -14%; width: 105%;}

.about-box5{ padding:5% 0;}
.about-box5 .box{ margin:5% -7.5px 0;}
.about-box5 .box li{ padding:0 7.5px; margin-bottom:15px;}
.about-box5 .box li .text .p{ margin:10px 15px 15px; height:auto;}

#about-box4 .box .gallery-top .list .swiper-slide{ padding:20px 0;}
#about-box4 .box .gallery-top .list .swiper-slide .year{ font-size:4em;}
#about-box4 .box .gallery-top .swiper-button-next{ bottom: -35%; background-size: 30px;}
#about-box4 .box .gallery-top .swiper-button-prev{ bottom: -35%; background-size: 30px;}
#about-box4 .box .gallery-thumbs{ padding:0 50px; margin-top:4.6%;}
#about-box4 .box .gallery-thumbs .swiper-slide{ width:25%;}
#about-box4 .box .gallery-thumbs .swiper-slide p{ font-size:1.6em;}
#about-box4 .box .gallery-thumbs .line{ transform: translateY(-42px);}

#about-box5{ padding:5% 0 0;}
#about-box5 .box{ margin-top:0;}
#about-box5 .box .swiper-slide{ width:100%;}
#about-box5 .box .swiper-slide .img img{ width:100%;}
#about-box5 .box .swiper-container{ padding:0 50px;}
#about-box5 .box .swiper-button-prev{ background-size:30px;}
#about-box5 .box .swiper-button-next{ background-size:30px;}

#about-box6{ padding:5% 0;}
#about-box6 .box .swiper-container{ padding:0 40px;}
#about-box6 .box .swiper-button-prev{ background-size:30px;}
#about-box6 .box .swiper-button-next{ background-size:30px;}
#about-box6 .box .swiper-slide{ width:50%;}
#about-box6 .box .swiper-slide .title{ font-size:1.6em; margin-top:10px;}

.product-list ul{ margin:0 -7.5px;}
.product-list li{ margin-bottom:15px; padding:0 7.5px;}

.product-list li:nth-child(2n-1) { clear:left }

.product-con{ margin:5% 0;}
.pro-text{ padding: 0;}
.pro-text .title{ font-size:2em; margin-top:15px;}
.pro-text .text{ height: auto;}
.pro-text .other .tel{ padding: 16px 0 16px 65px; font-size:1.6em;}
.pro-text .other .btns{ padding:20px 0;}
.pro-text .other .btns a{ font-size:1.6em;}

.pro-con{ margin-top:2%;}
.pro-con .top{ font-size:2em;}
.pro-con .top span::before{ height:16px;}

.hot-news{ padding-bottom:15px;}
.hot-news .text{ padding:0 0 0 15px;}
.hot-news .text .title{ font-size:1.6em;}
.hot-news .text .date{ padding:0 0 5px; display:none;}
.hot-news .text .p{ -webkit-line-clamp: 3;}
.hot-news .text .btns{ margin-top:4px; display:none;}

.news-list{ padding:10px 0 20px;}
.news-list li{ padding-bottom:15px;}
.news-list li .date{ padding:18px 0;}
.news-list li .text{ padding-left:15px;}
.news-list li .text .title{ font-size:1.8em;}
.news-list li+li{ margin-top:15px;}

.news-con{ padding:5% 0;}
.news-con .title{ font-size:1.8em;}

.yy-list li .text{ padding:15px;}
.yy-list li .text .title{ margin:0; font-size:1.8em;}
.yy-list li .text .p{ -webkit-line-clamp: 3;}
.yy-list li .text .btns{ margin-top:8px;}
.yy-list li .img { height: auto;}
.yy-list li .img img{ position: relative; height: auto;
    max-width: 100%;}

.ln-box1 .text{ padding:0;}
.ln-box1 .box{ margin-top:5%;}
.ln-box1 .box li{ padding:0 20%; margin-bottom:20px;}
.ln-box1 .box li .img{ padding:0 10%;}
.ln-box2 .list{ margin:5% -10px; }
.ln-box2 .list li{ margin-bottom:20px;}
.ln-box2 .list li .text{ padding: 0 15px; height:auto;}
.ln-box2 .list li .title{ font-size:1.8em;}
.ln-box3{ padding:5% 0 0;}
.ln-box3 .box{ margin:5% 0;}
.ln-box3 .box li{ padding:0 20%; margin-bottom:20px;}
.ln-box3 .box li .img{ padding:0 10%;}
.ln-box3 .box li .p{ font-size:1.4em;}

.job-list{ padding:3% 0;}
.job-list li{ padding:0;}
.job-list li:last-child{ margin-bottom:10px;}
.job-list li dd{ padding:0;}

.job-con .text{ padding:20px 0;}
.job-con .text dt{ font-size:1.8em;}

.contact .list li{ margin-bottom:20px; padding:0 15px;}
.contact .list li .icon img{ width:30%;}
.contact .list li .text{ font-size:1.6em;}

.message{ width:100%; margin:5% 0;}
.message li{ margin-bottom:15px;}
.message li label{ width:22%;}
.message li textarea{ width:78%;}
.message li input[type="text"]{ width:78%;}
.message li.yzm input[type="text"]{ width:45%;}
.message li.yzm img{ width:28%; height:45px;}
.message li input[type="submit"]{ margin-left:22%;}
}